---
title: 최근 거래 내역
description: 최근 트랜잭션을 표시하십시오
---

# 최근 거래 내역

## 최근 트랜잭션을 표시하십시오

RainbowKit의 계정 모달 내에서 최근 트랜잭션 표시를 선택적으로 설정할 수 있습니다. 모든 트랜잭션은 로컬 저장소에 보관되며 표시되기 위해서는 RainbowKit에 수동으로 등록되어야 합니다.

기본 `ConnectButton` 구현은 대기 중인 트랜잭션이 있을 경우 사용자 아바타 주변에 로딩 표시기를 표시합니다. 사용자 정의 `ConnectButton` 구현은 렌더링 함수에 전달된 `account.hasPendingTransactions` 속성을 통해 이 동작을 재현할 수 있습니다.

이 기능을 사용하려면 먼저 `RainbowKitProvider`에서 `showRecentTransactions` 옵션을 활성화하십시오.

```tsx
import { RainbowKitProvider } from '@rainbow-me/rainbowkit';

const App = () => {
  return (
    <RainbowKitProvider showRecentTransactions={true} {...etc}>
      {/* ... */}
    </RainbowKitProvider>
  );
};
```

그런 다음 `useAddRecentTransaction` 훅을 사용하여 RainbowKit에 트랜잭션을 등록할 수 있습니다.

```tsx
import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
        });
      }}
    >
      Add recent transaction
    </button>
  );
};
```

트랜잭션이 RainbowKit에 등록되면 완료 시 상태가 업데이트됩니다.

기본적으로 트랜잭션은 트랜잭션이 채굴된 블록 위에 단일 블록이 채굴되면 완료된 것으로 간주되지만 사용자 정의 `confirmations` 값을 지정하여 구성할 수 있습니다.

```tsx
import { useAddRecentTransaction } from '@rainbow-me/rainbowkit';

export default () => {
  const addRecentTransaction = useAddRecentTransaction();

  return (
    <button
      onClick={() => {
        addRecentTransaction({
          hash: '0x...',
          description: '...',
          confirmations: 100,
        });
      }}
    >
      Add recent transaction
    </button>
  );
};
```
